<template>
  <div class="container">
    <a-space direction="vertical">
      <a-breadcrumb :routes="routes">
        <template #item-render="{ route, paths }">
          <a-link :href="paths.join('/')">
            {{ route.label }}
          </a-link>
        </template>
      </a-breadcrumb>
    </a-space>
    
    <div class="content">
      <h2>微信号管理 - {{ wxid }}</h2>
      <!-- 这里添加管理界面的具体内容 -->
    </div>
  </div>
</template>

<script lang="ts" setup>
  import { ref, onMounted } from 'vue';
  import { useRoute } from 'vue-router';

  const route = useRoute();
  const wxid = ref(route.params.id);
  const routes=ref([
        {
          path: 'http://localhost:5173',
          label: '微信'
        },
        {
          path: '/weixin/workplace',
          label: '微信列表',
        },
      ])

  onMounted(() => {
    // 在这里可以根据 wxid 加载具体的微信号数据
    
  });
</script>

<style scoped>
  .container {
    padding: 20px;
  }
  .content {
    margin-top: 16px;
    background-color: var(--color-bg-2);
    padding: 20px;
    border-radius: 4px;
  }
</style>
